*{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
}
#ddxx{
    width: 100%;
    background: #f4f4f4;
    position: relative;
}
#top{
    width: 100%;
    box-sizing: border-box;
    position: relative;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #323233;
    background: #ffffff;

}
#top .ico{
    
    position: absolute;
    padding: 0 16px;
    box-sizing: border-box;
    left: 0;
    top:15px;
    color: #c03131;
    font-size: 14px;
}
#view {
    width: 100%;
    height: 80px;
    box-sizing: border-box;
    padding: 0 30px 0 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #c03131;
}
#view span{
    color: #ffffff;
    
}
#view img{
    height: 67px;
    width: 99px;
}
#shopxx{
    width: 100%;
    height: 146px;
    padding: 46px 16px 8px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    background: #ffffff;
}
#shopxx img{
    width: 90px;
    height: 90px;
}
#shopxx .text{
    width: 100%;
    box-sizing: border-box;
    height: 90px;
       display: flex;
       flex-direction: column;
       justify-content: space-between;
       flex-grow: 1;
}
#shopxx .text p{
    
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 15px;
    color: #323233;
    text-overflow: ellipsis;
}
#shopxx .text .xinx-xx{
    display: flex;
    justify-content: space-between;

}
#shopxx .text .xinx-xx .sp1{
    color: #c03131; 
    font-size: 12px;
}
#shopxx .text .xinx-xx .sp1 .sp1-1{
    font-size: 16px;
}
#shopxx .text .xinx-xx .sp2{
    font-size: 15px;
    color: #999999;
}
#shop-num{
    width: 100%;
    height: 100px;
    padding: 12px 15px;
    box-sizing: border-box;
    margin: 8px 0;
    background: #ffffff;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center;
} 
#shop-num .box2,#shop-num .box3,#shop-num .box1{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
#shop-num .box1 .b1,#shop-num .box2 .b1{
  font-size: 13px;
  color: #797d82;
}
#shop-num .box1 .b2,#shop-num .box2 .b2{
    color:#2e2f30;
    font-size: 13px;
}
#shop-num .box3 .b2{
    color: #c03131;
}
#dd-num{
    width: 100%;
    padding: 12px 15px;
    box-sizing: border-box;
    background: #ffffff;

}
#dd-num .box1{
    width: 100%;
    display: flex;
    justify-content:space-between;
 align-items: center;
}
#dd-num .box1,#dd-num .box2{
    color: #797d82;
 font-size: 12px;
}
#dd-num .box1 .sp,#dd-num .box2 .sp{
    margin: 0 5px;
}
#dd-num .box1 input{
    width: 34px;
    height: 22px;
    color: #323233;
    background-color: #fff;
    border: 1px solid #ebedf0;

}
#dd-nu {
    display: flex;
    justify-content: space-between;
    height: 50px;
    width: 100%;
    position: fixed;
    bottom: 0;
    align-items: center;
}
#dd-nu .box1{
    padding-left:16px ;
}
#dd-nu .box2{
    padding-right: 15px;
}
#dd-nu .box2 input{
    width: 93px;
    height: 30px;
    color: #323233;
    background-color: #fff;
    border: 1px solid #ebedf0;
    font-size: 160x;
}



